.container {
 width: 100%;
 min-height: 100vh;
 background-color: #f5f5f5;
 padding: 20rpx;
 box-sizing: border-box;

 .loadMore {
  color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20rpx;
 }

 .search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  padding: 20rpx;
  box-sizing: border-box;

  .van-search {
   padding: 0;
  }

  .add {
   width: 80rpx;
   margin-left: 20rpx;
   font-size: 28rpx;
   color: #0091FF;
  }
 }

 .list {
  margin-top: 20rpx;
  background: #FFFFFF;
  border-radius: 4px;
  padding: 20rpx;


  .item_list {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-top: 30rpx;


   .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 40rpx;
    box-sizing: border-box;

    color: #666666;

    .num {
     margin-bottom: 10rpx;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 24rpx;
    }

    .name {
     font-weight: bold;
     font-size: 28rpx;
    }
   }

   .one {
    width: 38%;
   }

   .two {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 24%;
   }

   .three {
    width: 33%;

   }

  }
 }
}